<template>
  <div id="calendar-week" class="container">
    <div class="columns is-mobile">
      <CalendarDay
        v-for="day in sharedState.data"
        :key="day.id"
        :day="day"
      ></CalendarDay>
    </div>
  </div>
</template>
<script>
import { store } from '../store';
console.log(store);
import CalendarDay from './CalendarDay';
export default {
  name: 'CalendarWeek',
  data() {
    return {
      sharedState: store.state,
    };
  },
  components: {
    CalendarDay,
  },
};
</script>
<style lang="scss" scoped>
#calendar-week {
  margin-bottom: 50px;
  .column {
    padding: 0 0 0 0;
  }
}
</style>
